<template>
  <a-statistic
    :decimal-separator="decimalSeparator"
    :formatter="formatter"
    :group-separator="groupSeparator"
    :precision="precision"
    :prefix="prefix"
    :suffix="suffix"
    :title="title"
    :value="value"
    :value-style="valueStyle"
  >
    <slot />
    <template v-if="$slots.formatter" #formatter>
      <slot name="formatter" />
    </template>
    <template v-if="$slots.prefix" #prefix>
      <slot name="prefix" />
    </template>
    <template v-if="$slots.suffix" #suffix>
      <slot name="suffix" />
    </template>
    <template v-if="$slots.title" #title>
      <slot name="title" />
    </template>
  </a-statistic>
</template>
<script>
import { defineComponent } from 'vue'
import { Statistic } from 'ant-design-vue'
export default defineComponent({
  name: 'ZStatistic',
  components: {
    AStatistic: Statistic
  },
  props: {
    decimalSeparator: {
      type: String,
      default: '.'
    },
    formatter: {
      type: Function,
      default: undefined
    },
    groupSeparator: {
      type: String,
      default: ','
    },
    precision: {
      type: Number,
      default: undefined
    },
    prefix: {
      type: String,
      default: undefined
    },
    suffix: {
      type: String,
      default: undefined
    },
    title: {
      type: String,
      default: undefined
    },
    value: {
      type: [String, Number],
      default: undefined
    },
    valueStyle: {
      type: Object,
      default: undefined
    }
  }
})
</script>
